<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Uploadify</title>
    <link rel="stylesheet" type="text/css" href="__ROOT__/Public/plugins/uploadify/uploadify.css" />
</head>

<body>
    <div class="W">
        <div class="Bg"></div>
        <div class="Wrap" id="Wrap">
            <div class="Title">
                <h3 class="MainTit" id="MainTit">{$info.title}</h3>
                <a href="javascript:Close();" title="关闭" class="Close"></a>
            </div>
            <div class="Cont">
                <p class="Note">最多上传<strong>{$info.num}</strong>个附件,单文件最大<strong>{$info.size}</strong>,类型<strong>{$info.type}</strong></p>
                <div class="flashWrap">
                    <input name="uploadify" id="uploadify" type="file" multiple="true" />
                    <!-- <span><input type="checkbox" name="iswatermark" id="iswatermark" /><label>是否添加水印</label></span>-->
                </div>
                <div class="fileWarp">
                    <fieldset>
                        <legend>列表</legend>
                        <ul>
                        </ul>
                        <div id="fileQueue">
                        </div>
                    </fieldset>
                </div>
                <div class="btnBox">
                    <button class="btn" id="SaveBtn">保存</button>
                    &nbsp;
                    <button class="btn" id="CancelBtn">取消</button>
                </div>
            </div>
            <!--[if IE 6]>
                <iframe frameborder="0" style="width:100%;height:100px;background-color:transparent;position:absolute;top:0;left:0;z-index:-1;"></iframe>
                <![endif]-->
        </div>
    </div>
    <script src="__ROOT__/Public/plugins/uploadify/jquery.min.js" type="text/javascript"></script>
    <!--防止客户端缓存文件，造成uploadify.js不更新，而引起的“喔唷，崩溃啦”-->
    <script>
    document.write("<script type='text/javascript' " + "src='__ROOT__/Public/plugins/uploadify/jquery.uploadify.js?" + new Date() + "'></s" + "cript>");
    </script>
    <script src="__ROOT__/Public/plugins/uploadify/uploadify-move.js" type="text/javascript"></script>
    <script type="text/javascript">
    function Close() {
        $("iframe.uploadframe", window.parent.document).remove();
    }

    $("#CancelBtn").click(function() {
        $("iframe.uploadframe", window.parent.document).remove();
        //$('#uploadify').uploadifyClearQueue();
        //$(".fileWarp ul li").remove();
    });
    $(function() {
        $('#uploadify').uploadify({
            'auto': true,
            'method': 'post',
            'multi': true,
            'swf': '__ROOT__/Public/plugins/uploadify/uploadify.swf',
            'uploader': "{$info.upload}",
            'progressData': 'all',
            'queueSizeLimit': '{$info.num}',
            'uploadLimit': 5,
            'fileSizeLimit': '20000KB',
            'fileTypeDesc': 'Image Files',
            'fileTypeExts': '*.jpeg; *.jpg; *.png; *.gif',
            'buttonImage': '__ROOT__/Public/plugins/uploadify/select.png',
            'queueID': 'fileQueue',
            'onUploadStart': function(file) {
                $('#uploadify').uploadify('settings', 'formData', {
                    'iswatermark': $("#iswatermark").is(':checked')
                });
            },
            'onUploadSuccess': function(file, data, response) {
                $(".fileWarp ul").append(SetImgContent(data));
                SetUploadFile();
            }
        });
    });

    function SetImgContent(data) {
        var obj = eval('(' + data + ')');
        if (obj.state == 'SUCCESS') {
            var sLi = "";
            sLi += '<li class="img">';
            sLi += '<img src="' + obj.url + '" width="100" height="100" onerror="this.src=\'__ROOT__/Public/plugins/uploadify/nopic.png\'">';
            sLi += '<input type="hidden" name="fileurl_tmp[]" value="' + obj.url + '">';
            sLi += '<a href="javascript:;">删除</a>';
            sLi += '</li>';
            return sLi;
        } else {
            //window.parent.message(obj.text,8,2);
            alert(obj.text);
            return;
        }
    }



    function SetUploadFile() {
        $("ul li").each(function(l_i) {
            $(this).attr("id", "li_" + l_i);
        });
        $("ul li a").each(function(a_i) {
            $(this).attr("rel", "li_" + a_i);
        }).click(function() {
            $.get(
                '{:U("Admin/Uploadify/delupload")}', {
                    action: "del",
                    filename: $(this).prev().val()
                },
                function() {}
            );
            $("#" + this.rel).remove();
        });
    }

    /*点击保存按钮时
     *判断允许上传数，检测是单一文件上传还是组文件上传
     *如果是单一文件，上传结束后将地址存入$input元素
     *如果是组文件上传，则创建input样式，添加到$input后面
     *隐藏父框架，清空列队，移除已上传文件样式*/
    $("#SaveBtn").click(function() {
        var callback = "{$info.func}";
        var num = '{$info.num}';
        var fileurl_tmp = [];
        if (callback != "undefined") {
            if (num > 1) {
                $("input[name^='fileurl_tmp']").each(function(index, dom) {
                    fileurl_tmp[index] = dom.value;
                });
            } else {
                fileurl_tmp = $("input[name^='fileurl_tmp']").val();
            }
            eval('window.parent.' + callback + '(fileurl_tmp)');
            $(window.parent.document).find("iframe.uploadframe").remove();
            return;
        }
        if (num > 1) {
            var fileurl_tmp = "";
            $("input[name^='fileurl_tmp']").each(function() {
                fileurl_tmp += '<li rel="' + this.value + '"><input class="input-text" type="text" name="{$info.input}[]" value="' + this.value + '" /><a href="javascript:;" onclick="ClearPicArr(\'' + this.value + '\',\'\')">删除</a></li>';
            });
            $(window.parent.document).find("#{$info.input}").append(fileurl_tmp);
        } else {
            $(window.parent.document).find("#{$info.input}").val($("input[name^='fileurl_tmp']").val());
        }

        $(window.parent.document).find("iframe.uploadframe").remove();
    });
    </script>
</body>

</html>
